<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">

						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />
						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable id="sucursal" value="#{sucursalView.sucusalModel}"
								var="sucursal" selection="#{sucursalView.selectedSucursal}"
								paginator="true" rows="5">

								<f:facet name="header">
							Sucursal
							</f:facet>

								<p:column selectionMode="single" style="width:2%" />


								<p:column filterBy="#{sucursal.codigo}"
									sortBy="#{sucursal.codigo}">
									<f:facet name="header">
										<h:outputText value="Código" />
									</f:facet>
									<h:outputText value="#{sucursal.codigo}" />
								</p:column>

								<p:column filterBy="#{sucursal.direccion}"
									sortBy="#{sucursal.direccion}">
									<f:facet name="header">
										<h:outputText value="Dirección" />
									</f:facet>
									<h:outputText value="#{sucursal.direccion}" />
								</p:column>

								<p:column filterBy="#{sucursal.nombre}"
									sortBy="#{sucursal.nombre}">
									<f:facet name="header">
										<h:outputText value="Nombre" />
									</f:facet>
									<h:outputText value="#{sucursal.nombre}" />
								</p:column>

								<p:column filterBy="#{sucursal.idEmpr_Empresa2}"
									sortBy="#{sucursal.idEmpr_Empresa2}">
									<f:facet name="header">
										<h:outputText value="Empresa" />
									</f:facet>
									<h:outputText value="#{sucursal.idEmpr_Empresa2}" />
								</p:column>

								<p:column filterBy="#{sucursal.idPers_Persona2}"
									sortBy="#{sucursal.idPers_Persona2}">
									<f:facet name="header">
										<h:outputText value="Persona" />
									</f:facet>
									<h:outputText value="#{sucursal.idPers_Persona2}" />
								</p:column>

								<p:column filterBy="#{sucursal.estadoSucursal}"
									sortBy="#{sucursal.estadoSucursal}">
									<f:facet name="header">
										<h:outputText value="Estado Sucursal" />
									</f:facet>
									<h:outputText value="#{sucursal.estadoSucursal}" />
								</p:column>

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{sucursalView.action_crear()}" icon="ui-icon-newwin"
										update=":form" binding="#{sucursalView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{sucursalView.action_buscar2()}"
										icon="ui-icon-pencil" update=":form"
										binding="#{sucursalView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" position="top" header="Detalle Sucursal" modal="true"
								widgetVar="singleCarDialog" resizable="false" showEffect="fade"
								hideEffect="explode" closable="false">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true" action="#{sucursalView.action_modify}"
										binding="#{sucursalView.btnSave}" icon="ui-icon-disk"
										update="msg,panel,panelBotones,msg2" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{sucursalView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>

								<h:panelGrid columns="9" id="panel" style="margin: 0 auto;">

									

									<h:outputText id="msgNombre" value=" Nombre: " />
									<p:inputText id="txtnombre" disabled="true"
										binding="#{sucursalView.txtNombre}" />
									<br />

									<h:outputText id="msgCodigo" value=" Código:* " />
									<p:inputText id="txtCodigo" disabled="true" required="true"
										requiredMessage="El Código es requerido"
										binding="#{sucursalView.txtCodigo}"
										validatorMessage="El Código debe ser Alfanumerico">
										<f:validateRegex pattern="[a-zA-Z0-9\s]+" />
									</p:inputText>
									<p:message for="txtCodigo" display="icon" />

									<h:outputText id="msgDir" value=" Dirección: " />
									<p:inputText id="txtDir" disabled="true"
										binding="#{sucursalView.txtDireccion}" />
									<br />

									<h:outputText id="msgTele" value=" Telefono: " />
									<p:inputText id="txtTele" disabled="true"
										binding="#{sucursalView.txtTelefono}" />
									<br />

									<h:outputText id="msgCode" value=" Zip-Code: " />
									<p:inputText id="txtCode" disabled="true"
										binding="#{sucursalView.txtZipCode}" />
									<br />

									<h:outputText id="msgEmail" value=" Email : " />
									<p:inputText id="txtEmail" disabled="true"
										validatorMessage="Email Invalido"
										binding="#{sucursalView.txtEmail}">
										<f:validateRegex
											pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
									</p:inputText>
									<p:message for="txtEmail" display="icon" />

									<h:outputText id="msgEstadoS" value=" Estado Sucursal: *" />
									<p:selectOneMenu id="txtEstadoS"
										value="#{sucursalView.selectItemEstadoS}" disabled="true"
										binding="#{sucursalView.txtEstadoSucursal}" style="width:100%"
										required="true"
										requiredMessage="Selección requerida Estado Sucursal">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="S" />
										<f:selectItem itemLabel="Retirado" itemValue="N" />
									</p:selectOneMenu>
									<p:message for="txtEstadoS" display="icon" />

									<h:outputText id="msgtSucursal" value=" Tipo Sucursal: " />
									<p:selectOneMenu id="txtTSucursal"
										value="#{sucursalView.selectItemTSucursal}" disabled="true"
										binding="#{sucursalView.txtIdTisu_TipoSucursal}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItems value="#{sucursalView.tSucursales}" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgdivision" value=" División Politica: " />
									<p:selectOneMenu id="txtdivision"
										value="#{sucursalView.selectItemPadre}" disabled="true"
										binding="#{sucursalView.txtIdDipo_DivisionPolitica}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItems value="#{sucursalView.divicionesPoliticas}" />
									</p:selectOneMenu>
									<br />

									<h:outputText id="msgEstadoRegistro"
										value=" Estado Registro: *" />
									<p:selectOneMenu id="txtEstadoRegistro"
										value="#{sucursalView.selectItemEstado}" disabled="true"
										binding="#{sucursalView.txtEstadoRegistro}" style="width:100%"
										required="true"
										requiredMessage="Selección requerida Estado Registro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="A" />
										<f:selectItem itemLabel="Retirado" itemValue="R" />
									</p:selectOneMenu>
									<p:message for="txtEstadoRegistro" display="icon" />

								</h:panelGrid>

								<p:separator id="separator3" />

								<p:accordionPanel id="acordion" activeIndex="4"
									binding="#{sucursalView.acordion}">

									<p:tab title="Regional Geografica">
										<p:dataTable value="#{regionalGeograficaView.data}" id="regional"
											var="regionalGeografica" paginator="true" rows="3"
											selection="#{sucursalView.selectedRegional}">

											<f:facet name="header">
							                Regional Geografica
						                    </f:facet>

											<p:column selectionMode="single" style="width:2%" />

											<p:column filterBy="#{regionalGeografica.codigo}"
												sortBy="#{regionalGeografica.codigo}">
												<f:facet name="header">
													<h:outputText value="Código" />
												</f:facet>
												<h:outputText value="#{regionalGeografica.codigo}" />
											</p:column>

											<p:column filterBy="#{regionalGeografica.descripcion}"
												sortBy="#{regionalGeografica.descripcion}">
												<f:facet name="header">
													<h:outputText value="Descripción" />
												</f:facet>
												<h:outputText value="#{regionalGeografica.descripcion}" />
											</p:column>

											<p:column filterBy="#{regionalGeografica.estadoRegistro}"
												sortBy="#{regionalGeografica.estadoRegistro}">
												<f:facet name="header">
													<h:outputText value="Estado Registro" />
												</f:facet>
												<h:outputText value="#{regionalGeografica.estadoRegistro}" />
											</p:column>
											
											<f:facet name="footer">
													<p:commandButton id="noButtonR" value="Quitar Selección"
														action="#{sucursalView.desactivarRegional}"
														icon="ui-icon-circle-close" update="regional" />
												</f:facet>

										</p:dataTable>

									</p:tab>

									<p:tab title="Sucursal Padre">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="sucursal2"
												value="#{sucursalView.sucusalModel}" var="sucursal"
												selection="#{sucursalView.selectedSucursalPadre}"
												paginator="true" rows="3">

												<f:facet name="header">
							           Sucursal Padre
							           </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{sucursal.codigo}"
													sortBy="#{sucursal.codigo}">
													<f:facet name="header">
														<h:outputText value="Código" />
													</f:facet>
													<h:outputText value="#{sucursal.codigo}" />
												</p:column>

												<p:column filterBy="#{sucursal.direccion}"
													sortBy="#{sucursal.direccion}">
													<f:facet name="header">
														<h:outputText value="Dirección" />
													</f:facet>
													<h:outputText value="#{sucursal.direccion}" />
												</p:column>

												<p:column filterBy="#{sucursal.nombre}"
													sortBy="#{sucursal.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{sucursal.nombre}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton1" value="Quitar Selección"
														action="#{sucursalView.desactivarSucursal}"
														icon="ui-icon-circle-close" update="sucursal2" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>

									</p:tab>

									<p:tab title="Persona" binding="#{sucursalView.txtPpersona}">

										<h:panelGrid style="margin: 0 auto">

											<p:dataTable value="#{empresaView.personaModel}" id="persona"
												var="persona" selection="#{sucursalView.selectedPersona}"
												paginator="true" rows="3">

												<f:facet name="header">
									      Persona
							            </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{persona.tipoIdentificacion}"
													sortBy="#{persona.tipoIdentificacion}">
													<f:facet name="header">
														<h:outputText value="Tipo Identificación" />
													</f:facet>
													<h:outputText value="#{persona.tipoIdentificacion}" />
												</p:column>

												<p:column filterBy="#{persona.identificacion}"
													sortBy="#{persona.identificacion}">
													<f:facet name="header">
														<h:outputText value="Identificación" />
													</f:facet>
													<h:outputText value="#{persona.identificacion}" />
												</p:column>

												<p:column filterBy="#{persona.primerNombre}"
													sortBy="#{persona.primerNombre}">
													<f:facet name="header">
														<h:outputText value="Primer Nombre" />
													</f:facet>
													<h:outputText value="#{persona.primerNombre}" />
												</p:column>

												<p:column filterBy="#{persona.primerApellido}"
													sortBy="#{persona.primerApellido}">
													<f:facet name="header">
														<h:outputText value="Primer Apellido" />
													</f:facet>
													<h:outputText value="#{persona.primerApellido}" />
												</p:column>

												<p:column filterBy="#{persona.estadoRegistro}"
													sortBy="#{persona.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{persona.estadoRegistro}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton2" value="Quitar Selección"
														action="#{sucursalView.desactivarPersona}"
														icon="ui-icon-circle-close" update="persona" />
												</f:facet>
											</p:dataTable>
										</h:panelGrid>

									</p:tab>

									<p:tab title="Empresa" binding="#{sucursalView.txtPempresa}">

										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="empresa" value="#{empresaView.empresaModel}"
												var="empresa" selection="#{sucursalView.selectedEmpresa}"
												paginator="true" rows="3">

												<f:facet name="header">
							                    Empresa
						                        </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{empresa.identificacion}"
													sortBy="#{empresa.identificacion}">
													<f:facet name="header">
														<h:outputText value="Identificación" />
													</f:facet>
													<h:outputText value="#{empresa.identificacion}" />
												</p:column>

												<p:column filterBy="#{empresa.nombre}"
													sortBy="#{empresa.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{empresa.nombre}" />
												</p:column>

												<p:column filterBy="#{empresa.email}"
													sortBy="#{empresa.email}">
													<f:facet name="header">
														<h:outputText value="Email" />
													</f:facet>
													<h:outputText value="#{empresa.email}" />
												</p:column>

												<p:column filterBy="#{empresa.telefono1}"
													sortBy="#{empresa.telefono1}">
													<f:facet name="header">
														<h:outputText value="Telefono1" />
													</f:facet>
													<h:outputText value="#{empresa.telefono1}" />
												</p:column>

												<p:column filterBy="#{empresa.estadoRegistro}"
													sortBy="#{empresa.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{empresa.estadoRegistro}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton3" value="Quitar Selección"
														action="#{sucursalView.desactivarEmpresa}"
														icon="ui-icon-circle-close" update="empresa" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>
									</p:tab>
								</p:accordionPanel>

							</p:dialog>

						</h:panelGrid>




					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>